<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="en">
<head>
  <link rel="stylesheet" href="${ctx}/statics/css/manage.css">
  <title>区域设置</title>
</head>
<body>

<section class="settings-wrap">
  <div class="table-wrap">
    <table id="areaTable" lay-filter="areaTable"></table>
  </div>
  <div class="operate-btns">
<%--      <button class="layui-btn layui-btn-primary layui-btn-lg addBtn"><i class="layui-icon layui-icon-addition"></i>新增</button>--%>
      <button class="layui-btn layui-btn-primary layui-btn-lg editBtn"><i class="layui-icon layui-icon-edit"></i>编辑</button>
      <button class="layui-btn layui-btn-primary layui-btn-lg delBtn"><i class="layui-icon layui-icon-delete"></i>删除</button>
  </div>
</section>

<!--toolbar-->
<script type="text/html" id="toolbar">
  <button class="layui-btn getCheckData" lay-event="getCheckData">获取选中行数据</button>
</script>

<%--新增弹窗--%>
<script type="text/html" id="add-tpl">
  <form class="layui-form add-param" lay-filter="add-param" action="#">
<%--    <div class="layui-form-item">--%>
<%--      <label class="layui-form-label">区域编号</label>--%>
<%--      <div class="layui-input-inline">--%>
<%--        <input type="text" class="layui-input" name="areaId" placeholder="请输入">--%>
<%--      </div>--%>
<%--    </div>--%>
    <div class="layui-form-item">
      <label class="layui-form-label">区域名称</label>
      <div class="layui-input-inline">
        <input type="text" class="layui-input" name="areaName" placeholder="请输入">
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">备注</label>
      <div class="layui-input-block">
        <textarea name="descrition" placeholder="请输入" class="layui-textarea"></textarea>
      </div>
    </div>
    <div class="layui-form-item">
      <div class="fr">
        <button class="layui-btn layui-btn-sm" lay-submit lay-filter="add-param">确定</button>
        <button type="cancel" class="layui-btn layui-btn-sm layui-btn-primary">取消</button>
      </div>
    </div>
  </form>
</script>
<%--编辑弹窗--%>
<script type="text/html" id="edit-tpl">
  <form class="layui-form edit-param" lay-filter="edit-param" action="#">
<%--    <div class="layui-form-item">--%>
<%--      <label class="layui-form-label">区域编号</label>--%>
<%--      <div class="layui-input-inline">--%>
<%--        <input type="text" class="layui-input" name="areaId" placeholder="请输入">--%>
<%--      </div>--%>
<%--    </div>--%>
    <div class="layui-form-item">
      <label class="layui-form-label">区域名称</label>
      <div class="layui-input-inline">
        <input type="text" class="layui-input" name="areaName" placeholder="请输入" lay-verify="required">
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">备注</label>
      <div class="layui-input-block">
        <textarea name="descrition" placeholder="请输入" class="layui-textarea"></textarea>
      </div>
    </div>
    <div class="layui-form-item">
      <div class="fr">
        <button class="layui-btn layui-btn-sm" lay-submit lay-filter="edit-param">确定</button>
        <button type="cancel" class="layui-btn layui-btn-sm layui-btn-primary">取消</button>
      </div>
    </div>
  </form>
</script>

<script src="${ctx}/statics/js/areaManage.js"></script>
</body>
</html>
